<template>
	<view>
		<view class="d-p-l-30 d-p-r-30" v-if="current === '0'">
			<view class="d-list-box d-m-t-20 d-p-20 d-flex d-col-top">
				<u-image :src="picture" width="148rpx" height="148rpx" shape="circle"></u-image>
				<view class="d-m-l-20 d-flex-1">
					<view class="d-m-t-60 d-font-30 d-red">
						<text class="d-font-24">￥</text>
						<text class="d-bold">{{listinfo.leastprice}}</text>
					</view>
					<view class="d-font-30 u-line-1 d-white">票名：{{listinfo.consumetype}}{{listinfo.chargetype}}</view>
					<view class="d-font-30 u-line-1 d-xuxian"></view>
					<view class="d-font-30 u-line-1 d-white">场馆：{{listinfo.venue_name}}</view>
					<!-- <view class="d-flex d-m-t-18">
								<view class="d-tag d-flex">{{ item.specify }}</view>
							</view>
							<view class="d-font-24 d-be d-m-t-20">{{ item.tip }}</view>
							<view class="d-font-24 d-be d-m-t-20" style="margin-left: 47rpx;">{{ item.text }}</view> -->

				</view>
			</view>
		</view>
		<view class="d-p-l-30 d-p-r-30" v-if="current === '1'">
			<view class="d-list-box1 d-m-t-20 d-p-20 d-flex d-col-top">
				<u-image :src="picture" width="148rpx" height="148rpx" shape="circle"></u-image>
				<view class="d-m-l-20 d-flex-1">
					<view class="d-m-t-60 d-font-30 d-red">
						<text class="d-font-24">￥</text>
						<text class="d-bold">{{listinfo.saleprice}}</text>
					</view>
					<view class="d-font-30 u-line-1 d-white">票名：{{listinfo.cardtype}}</view>
					<view class="d-font-30 u-line-1 d-xuxian"></view>
					<view class="d-font-30 u-line-1 d-white">场馆：{{listinfo.venue_name}}</view>
				</view>
			</view>
		</view>
		<view class="d-p-l-30 d-p-r-30" v-if="current === '2'">
			<view class="d-list-box2 d-m-t-20 d-p-20 d-flex d-col-top">
				<u-image :src="picture" width="148rpx" height="148rpx" shape="circle"></u-image>
				<view class="d-m-l-20 d-flex-1">
					<view class="d-m-t-60 d-font-30 d-red">
						<text class="d-font-24">￥</text>
						<text class="d-bold">{{listinfo.saleprice}}</text>
					</view>
					<view class="d-font-30 u-line-1 d-white">票名：{{listinfo.cardtype}}</view>
					<view class="d-font-30 u-line-1 d-xuxian"></view>
					<view class="d-font-30 u-line-1 d-white">场馆：{{listinfo.venue_name}}</view>
					</view>
			</view>
		</view>
		<view class="d-p-l-30 d-p-r-30" v-if="current === '3'">
			<view class="d-list-box1 d-m-t-20 d-p-20 d-flex d-col-top">
				<u-image :src="picture" width="148rpx" height="148rpx" shape="circle"></u-image>
				<view class="d-m-l-20 d-flex-1">
					<view class="d-m-t-60 d-font-30 d-red">
						<text class="d-font-24">￥</text>
						<text class="d-bold">{{listinfo.saleprice}}</text>
					</view>
					<view class="d-font-30 u-line-1 d-white">票名：{{listinfo.cardtype}}</view>
					<view class="d-font-30 u-line-1 d-xuxian"></view>
					<view class="d-font-30 u-line-1 d-white">场馆：{{listinfo.venue_name}}</view>
				</view>
			</view>
		</view>
		<view class="d-p-l-30 d-p-r-30" v-if="current === '4'">
			<view class="d-list-box1 d-m-t-20 d-p-20 d-flex d-col-top">
				<u-image :src="picture" width="148rpx" height="148rpx" shape="circle"></u-image>
				<view class="d-m-l-20 d-flex-1">
					<view class="d-m-t-60 d-font-30 d-red">
						<text class="d-font-24">￥</text>
						<text class="d-bold">{{listinfo.saleprice}}</text>
					</view>
					<view class="d-font-30 u-line-1 d-white">票名：{{listinfo.cardtype}}</view>
					<view class="d-font-30 u-line-1 d-xuxian"></view>
					<view class="d-font-30 u-line-1 d-white">场馆：{{listinfo.venue_name}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				picture: '../../static/qita/icon12.png'
			};
		},
		props: {
			listinfo: {
				type: Object,
				default: () => ({})
			},
			current: {
				type: String,
				required: true
			}
		},
		onLoad(e) {
			if (e.token) {
				uni.$u.vuex('$token', e.token);
			}
		},
		methods: {


		}
	};
</script>

<style lang="scss" scoped>
	.d-list-box {
		box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
		background: #35bcff;
		border-radius: 10rpx;
	}

	.d-list-box1 {
		box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
		background: rgb(48, 182, 134);
		border-radius: 10rpx;
	}

	.d-list-box2 {
		box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
		background: rgb(253, 168, 92);
		border-radius: 10rpx;
	}

	.d-tag {
		background: #f3f3f3;
		border-radius: 4rpx;
		height: 36rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #333333;
		padding: 0 18rpx;
	}

	.d-be {
		color: #bebebe;
	}

	.d-red {
		color: #ffffff;
		margin-top: 10rpx !important;
	}

	.d-white {
		color: #ffffff;
		margin-top: 10rpx !important;
	}

	.d-xuxian {
		width: 100%;
		height: 1rpx;
		border-bottom: 1px dashed white;
		margin-top: 10rpx;
	}

	.d-bold {
		font-weight: bold;

	}
</style>